.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.header{
    width:100%;
    .px2rem(height, 100);
    background: #efefef;
    text-align: center;
    .px2rem(line-height, 100);
    .px2rem(font-size, 36);
    font-weight: bold;
}
.table{
    .txh();
    position: fixed;
    left: 0;
    .px2rem(top,100);
    .px2rem(bottom,150); 
    .sidebar{
        width: 25%;
        position: fixed;
        left: 0;
        .px2rem(top,320);
        .px2rem(bottom,152);
        overflow-y: scroll;
        box-sizing: border-box;
        .nav{
            li{
                .px2rem(line-height,172);
                text-align: center;
                background: #f8f8f8;
                box-sizing: border-box;
                border-bottom: 1px #dcdcdc solid;
                font-weight: bolder;
            }
            .curr{
                background: white;
                color: #666666;
            }
        }
    }
    #box_one{
        position: fixed;
        left: 25%;
        .px2rem(top,320);
        .px2rem(bottom,150);
        overflow-y: scroll;
         width: 75%;
        box-sizing: border-box;
        .section{
            ul{
                .txh();
                flex-wrap: wrap;
                li{
                    .txh();
                    flex-direction: column;
                    width: 30%;
                    margin-left: 2.5%;
                    margin-top: 2.5%;
                    margin-bottom: 2.5%;
                    a{
                        width: 100%;
                        img{
                            width: 100%;
                        }
                    }
                    span{
                        text-align: center;
                        .px2rem(font-size,35);
                        .px2rem(padding-top,10);
                    }
                    
                }
            }
        }
        .section:not(:nth-child(1)){
            display: none;
        }
    }
}
.footer{
    width:100%;
    .px2rem(height, 112);
    background: #ffffff;
    position: fixed;
    left:0;
    bottom: 0;
    z-index: 99;
    display: flex;
    .time{
        width:20%;
        text-align: center;
        .iconfont{
            .px2rem(font-size, 60); 
            color: #a49191;
            .px2rem(margin-top, 10);
        }
        dd{
            color: #9e9191;
            .px2rem(margin-top, 6);
        }
    }
    .dl{
        .px2rem(width, 94);
        .px2rem(height, 94);
        background: #2d8ff4;
        border-radius: 50%;
        .px2rem(margin-top, 10);
        .dt{
            .px2rem(padding-top, 10);
            color: #ffffff;
        }
    }
}